<template>
  <div>
    <div>
      <div style="text-align: left; margin-top: 10px; background-color: beige">
        <span style="font-size: larger"><b>场次：</b> {{ chosePid }} </span>
        <span style="font-size: larger; margin-left: 30px"><b>放映厅：</b> {{ choseCname }} </span>
        <span style="font-size: larger; margin-left: 30px"
          ><b>放映时间：</b> {{ chosePlayTime }}
        </span>
      </div>
      <div style="width: 100%; height: 200px; margin-top: 10px">
        <div style="width: 35%; float: left; height: 100%">
          <img :src="imgUrl" style="height: 200px; width: 200px" />
        </div>
        <div style="width: 65%; float: left; height: 100%; text-align: left">
          <div style="width: 60%; float: left; height: 100%">
            <span><b>电影名：</b> {{ choseMovieName }} </span><br />
            <span><b>导演：</b> {{ choseMovieDir }} </span><br />
            <span><b>主演：</b> {{ choseMovieRole }} </span><br />
            <span><b>类型：</b> {{ choseMovieType }} </span><br />
            <span><b>电影时长：</b> {{ choseMovieDuration }} 分钟</span><br />
            <span
              ><b>电影简介：</b><span style="font-size: small"> {{ choseMovieDesn }} </span></span
            ><br />
          </div>
          <div style="width: 40%; float: left; height: 100%">
            <span><b>电影评分：</b></span
            ><br />
            <span style="font-size: 80px; margin-left: 20px"
              ><b> {{ choseMovieRate }} </b></span
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue';
const chosePid = ref();
const choseCname = ref();
const chosePlayTime = ref();
const choseMovieName = ref();
const choseMovieDir = ref();
const choseMovieRole = ref();
const choseMovieType = ref();
const choseMovieDuration = ref();
const choseMovieDesn = ref();
const choseMovieRate = ref();
const imgUrl = ref('');
defineExpose({
  chosePid,
  choseCname,
  choseMovieDuration,
  choseMovieDesn,
  choseMovieRate,
  chosePlayTime,
  choseMovieName,
  choseMovieDir,
  choseMovieRole,
  choseMovieType,
  imgUrl,
});
</script>
